<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>设置-门店充值</title>

    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="./../css/comm.css" rel="stylesheet">
    <link href="./../css/setting.css" rel="stylesheet">
    
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- begin header -->
    <header>
        <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified top-nav" style="width: 90%;margin: 0 auto">
            <li>
              <h2>LOGO/**处方平台</h2>
            </li>
            <li><p>2018年8月20号   星期一</p></li>
            <li>
              <div class="form-group count-form">
                <div>
                  <p><img src="./../img/set-icon_03.png" alt="勋章"></p>
                </div>
                <div>
                  <p>账户：<span>VGJ5476213</span></p>
                  <p>我的会员3天后到期</p>
                </div>
                
              </div>
            </li>
          </ul>
        </nav>
    </header>
    <!-- end header -->
    <!-- begin content -->
      <div class="content">
        <div class="row" style="margin: 0">
            <div class="col-xs-6 col-md-2">
                <ul class="setting-menus-nav">
                  <li>
                    <span><img src="./../img/set-icon_07.jpg" alt=""></span>
                    <span>店员设置</span>
                    <span class="glyphicon glyphicon-plus"></span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_10.jpg" alt=""></span>
                    <span>处方查询</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_13.jpg" alt=""></span>
                    <span>处方审核查询</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_15.jpg" alt=""></span>
                    <span>含麻登记查询</span>
                  </li>
                  <li class="active">
                    <span><img src="./../img/set-icon_18.jpg" alt=""></span>
                    <span>门店充值</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_22.jpg" alt=""></span>
                    <span>药品导入</span>
                  </li>
                </ul>
            </div>
            <div class="col-xs-6 col-md-10">
                <div class="nav-top">
                  <p>账户：<span>VGJ5476213</span></p>
                </div>
                <div class="charge-method">
                  <ul>
                    <li>
                      <div class="radio-top">
                          <!-- <input tabindex="11" type="radio" id="square-radio-1" name="square-radio">
                          <label for="square-radio-1"></label> -->
													<label class="demo--label">
														<input class="demo--radio" type="radio" name="demo-radio">
														<span class="demo--radioInput"></span>充值方式一：选择月费/年费
													</label>
                      </div>
                      <ul class="packageList">
                      </ul>
                  </ul>
                </div>
                <div class="charge-method">
                  <ul>
                      <li>
                        <div class="radio-top">
													<label class="demo--label">
														<input class="demo--radio" type="radio" name="demo-radio">
														<span class="demo--radioInput"></span>充值方式二：按销售扣款
													</label>
                        </div>
                        <p class="input-price"><span>输入充值金额:</span><input type="text" placeholder="00.00" class="form-control">元</p>
                      </li>
                  </ul>
                </div>
                <div class="pay-mothod">
                    <div class="pay-tab">
                     <p>支付方式：</p>
                           <label class="demo--label">
															<input class="demo--radio" type="radio" name="demo-radio">
															<span class="demo--radioInput"></span>微信
													 </label>
													 <label class="demo--label">
															<input class="demo--radio" type="radio" name="demo-radio">
															<span class="demo--radioInput"></span>支付宝
													 </label>
                    </div>
                      <button class="btn btn-primary">支付方式</button>
                </div>
            </div>
          </div>
      </div>
      <!-- end content -->
      <footer>
          <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified" style="width: 90%;margin: 0 auto">
            <li >
              在线问诊
            </li>
            <li>
              在线审方
            </li>
            <li>
              含麻登记
            </li>
            <li>
              会员中心
            </li>
            <li class="active">
              设置
            </li>
          </ul>
        </nav>
      </footer>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    		<script src="../js/jquery.min.js"></script>
    		<script src="../asset/js/bootstrap.min.js"></script>
    		<script src="../asset/js/bootstrap-table.min.js"></script>
    		<script src="../js/comm.js" type="text/javascript" charset="utf-8"></script>
    		<script type="text/javascript">
    			/* 获取会员充值列表 */
					$(function(){
						var chargeListHTML="";
						function getList(){
							$.asyncAx(
												'/auditRecord/queryMemberTerm',
												null,
												null,
												null,
												null,
												function(data){
														if(data.res==1){
															for (var i=0;i<data.obj.length;i++) {
																chargeListHTML+='<li>'+
																									'<h3>'+data.obj[i].price+'元</h3>'+
																									'<p>'+data.obj[i].chargeMonths+'个月</p>'+
																									'<p>（赠送'+data.obj[i].giveDays+'天）</p>'+
																								'</li>';
																$('.packageList').html(chargeListHTML);					
															}
														}
												},
												function(){
														console.log('失败')
												}
											);
						}
						getList();
					})
    		</script>
  </body>
</html>